<template>
  <div
    class="serve-card"
    @click="
      $toPage(
        `/pages/share/qrcode?link=${row.linkUrl}&qrcode=${row.linkQrCode}`
      )
    "
  >
    <div class="link_name">
      {{ row.linkName }}
    </div>
    <img :src="row.linkIcon || '@/static/image/sd.png'" />
  </div>
</template>

<script>
export default {
  props: {
    row: {
      type: Object,
      default: () => ({}),
    },
    isServe: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {}
  },
  methods: {},
}
</script>
<style lang="scss" scoped>
.serve-card {
  font-size: 15px;
  color: #333333;
  padding: 12px;
  border-radius: 4px;
  background: $uni-color-success;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .link_name {
    width: 80%;
    white-space: nowrap; /* 确保文本不会换行 */
    overflow: hidden; /* 隐藏超出容器边界的内容 */
    text-overflow: ellipsis; /* 当内容被裁剪时，在其末端显示省略标记（即三个点） */
  }
  img {
    width: 35px;
    height: 35px;
  }
}
</style>
